<template>
  <div id="express-signature" >
    <c-title text="快递签收"></c-title>
    <div class="scan-box">
      <div class="scan-record" @click="goRecord">
        <span class="record-name">扫描记录</span>
        <i class="iconfont icon-icon_more11"></i>
      </div>
      <div class="btn-scan" @click="toScanCode">
        <i class="iconfont icon-31saoma"></i>
        <span class="scan-name">点击扫码</span>
      </div>
      <div class="scan-order-name">请扫物流单号</div>
    </div>
  </div>
</template>
<script>
import index_controller from "./index_controller";

export default index_controller;
</script>
<style lang="scss" rel="stylesheet/scss" scoped>
#express-signature {
  .scan-box {
    margin: 0.6rem;
    background: white;
    border-radius: 0.4rem;
    .scan-record {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      padding: 1rem 0.8rem 2.1rem 0;
      .record-name {
        font-size: 0.85rem;
        font-weight: 400;
        color: #00001C;
      }
      .icon-icon_more11 {
        color: #AAAAB3;
        font-size: 0.6rem;
      }
    }
    .btn-scan {
      width: 7.6rem;
      height: 7.6rem;
      background: #F15353;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: auto;
      flex-direction: column;
      .icon-31saoma {
        font-size: 3.6rem;
        color: white;
      }
      .scan-name {
        color: white;
        font-size: 0.85rem;
        font-weight: bold;
      }
    }
    .scan-order-name {
      font-size: 0.85rem;
      font-weight: 400;
      color: #00001C;
      padding: 0.8rem 0 2.4rem 0;
    }
  }
}
</style>
